<template>
    <div class="found">
        <MainHeader></MainHeader>
        <div class="container">
        <el-container >
<!--            <el-header style="background-color: gray">Header</el-header>-->

                <el-main style="" class="main">
                    <new-topic></new-topic>
                    <round-discuss></round-discuss>
                    <hot-collect></hot-collect>
                    <special></special>

                </el-main>
                <el-footer>
                    <div style="text-align: center;font-size: 13px;color: #8590a6;">
                        刘看山 知乎指南 知乎协议 应用 工作 联系我们 © 2020 知乎</div>
                    </el-footer>
        </el-container>
            </div>

    </div>
</template>



<script>
    import NewTopic from "./components/NewTopic"
    import RoundDiscuss from "./components/RoundDiscuss"
    import HotCollect from "./components/HotCollect"
    import Special from "./components/Special";
    import MainHeader from "../../components/MainHeader";

    export default {
        name: "Found",
        data(){
            return{
                newTopicL:[],
                newTopicR:[],
                roundDiscuss:[],
                roundDiscussR:[]

            }

        },
        mounted() {
            // 请求数据
            this.$axios.get('/api/found.json').then((res)=>{
                const dt =res.data.data
                this.newTopicL =dt.newTopicL
                this.newTopicR =dt.newTopicR
                this.roundDiscuss =dt.roundDiscuss
                this.roundDiscussR =dt.roundDiscussR
            }).catch((error)=>{
                console.log('请求失败！')
            })


        },
        components:{
            NewTopic,
            RoundDiscuss,
            HotCollect,
            Special,
            MainHeader
        }
    }
</script>

<style scoped>
    .found{
        /*padding: 80px;*/
        /*background-color:rgba(18,18,18,0);*/
    }
    .main{
        /*padding: 80px;*/
    }
*{
    background-color: #F6F6F6;
}
      .container{
        /*text-align: center;*/
        width: 70%;
        margin: 0 auto;
    }

</style>